<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a="http://richfaces.org/a4j"
	xmlns:a4j="http://richfaces.org/a4j"
	template="/layout/template_box.xhtml">

	<ui:define name="head">
		
		<script>
	    function mascarar(){
	      
            jQuery(".telefone").unmask().mask('9999-9999');            
            jQuery(".cep").unmask().mask('99.999-999');
            jQuery(".cpf").unmask().mask('999.999.999-99');
           
            jQuery(".rich-calendar-input").unmask().mask('99/99/9999');
        }

	    function isDayEnabled(day){	
			   var data = new Date(day.date);
			   var hoje= new Date();
			   hoje.setFullYear(hoje.getFullYear()-18);
			   return data &lt;= hoje;
				   		   
			}
	    function isDayEnabled2(day){	
			   var data = new Date(day.date);
			   var hoje= new Date();
			   
			   return data &lt;= hoje;
				   		   
			}
			function getDisabledStyle(day){
			   if (!isDayEnabled(day)) return 'rich-calendar-boundary-dates disabledDay';
			}
			function getDisabledStyle2(day){
				   if (!isDayEnabled2(day)) return 'rich-calendar-boundary-dates disabledDay';
				}

		jQuery(function(){
            mascarar();
			
		});
    </script>
		
		
	</ui:define>

	<ui:define name="MenuInterno">
		<ui:include src="/layout/menu_alfabetizador.xhtml" />
	</ui:define>

	<ui:define name="body">

		<h2 class="t_curso">
			<h:outputText value="Cadastro de Alfabetizador" />
		</h2>

		<div id="tamanho_div">

			<a:outputPanel id="pnlForm" ajaxRendered="true">
				<a:form id="formAlfabetizadorHome" styleClass="form_confea">
					<s:validateAll>

						<ol>

							<li><s:div>
									<p class="tool_alerta">Os campos marcados com * são de
										preenchimento obrigatório.</p>
								</s:div></li>
							<li>
								<fieldset>
									<legend>
										<h:outputText value="Dados do Alfabetizador" />
									</legend>
								</fieldset>
							</li>
							
							
						<li><s:decorate template="/layout/edit.xhtml" id="decoNome">
						<ui:define name="label">
							Nome
						</ui:define>
						<h:inputText id="nome" required="true" requiredMessage="O campo 'Nome' é obrigatório" styleClass="campo_full" value="#{alfabetizadorHome.instance.nome}" />													
						
					</s:decorate></li>
					
					
						<li><s:decorate template="/layout/edit.xhtml" id="decoFone">
						<ui:define name="label">
							Telefone
						</ui:define>
						<h:inputText id="fone" required="false" requiredMessage="O campo 'Telefone' é obrigatório" styleClass="campo_full telefone" value="#{alfabetizadorHome.instance.telefone}" />							
						
					</s:decorate></li>		
					
						<li><s:decorate template="/layout/edit.xhtml" id="decoCel">
						<ui:define name="label">
							Celular
						</ui:define>
						<h:inputText id="cel" required="false" requiredMessage="O campo 'Celular' é obrigatório" styleClass="campo_full telefone" value="#{alfabetizadorHome.instance.celular}" />													
						
					</s:decorate></li>	
					
						<li><s:decorate template="/layout/edit.xhtml" id="decoNascimento">
						<ui:define name="label">
							Nascimento
						</ui:define>
						
						<rich:calendar id="nascimento" styleClass="campo_half data"
										value="#{alfabetizadorHome.instance.nascimento}"
										datePattern="dd/MM/yyyy"
										disabled="false" required="false"
										rendered="true"
										requiredMessage="O campo 'Nascimento' é obrigatório."
										enableManualInput="true"
										isDayEnabled="isDayEnabled" 
										dayStyleClass="getDisabledStyle"
										locale="pt"
										style="position: static;margin-left: 150px;">
										<f:validator validatorId="DataValidator" />
									</rich:calendar>						
						
					</s:decorate></li>	
				
						<li><s:decorate template="/layout/edit.xhtml" id="decoEmail">
						<ui:define name="label">
							E-mail
						</ui:define>
						<h:inputText id="cel" required="false" requiredMessage="O campo 'E-mail' é obrigatório" styleClass="campo_full" value="#{alfabetizadorHome.instance.email}" />																															
					</s:decorate></li>																			
					
						<li><s:decorate template="/layout/edit.xhtml" id="decoRG">
						<ui:define name="label">
							RG
						</ui:define>
						<h:inputText id="rg" required="false" requiredMessage="O campo 'RG' é obrigatório" styleClass="campo_full" value="#{alfabetizadorHome.instance.rg}" />													
						
					</s:decorate></li>	
							<li><s:decorate template="/layout/edit.xhtml" id="decoDtEmissao">
						<ui:define name="label">
							Data Emissão
						</ui:define>
						
						<rich:calendar id="nascimento" styleClass="campo_half data"
										value="#{alfabetizadorHome.instance.dataEmissaoRg}"
										datePattern="dd/MM/yyyy"
										disabled="false" required="false"
										rendered="true"
										requiredMessage="O campo 'Data Emissão' é obrigatório."
										enableManualInput="true"
										style="position: static;margin-left: 150px;"
										isDayEnabled="isDayEnabled2" 
										dayStyleClass="getDisabledStyle2"
										locale="pt"
										>
										<f:validator validatorId="DataValidator" />
									</rich:calendar>						
						
					</s:decorate></li>	
					<li><s:decorate template="/layout/edit.xhtml" id="issor">
						<ui:define name="label">
							Orgão Emissor
						</ui:define>
						<h:inputText id="emissor" required="false" requiredMessage="O campo 'Data da Emissão' é obrigatório" styleClass="campo_full" value="#{alfabetizadorHome.instance.orgaoEmissor}" />													
						
					</s:decorate></li>	

						<li><s:decorate template="/layout/edit.xhtml" id="decoCpf">
						<ui:define name="label">
							CPF
						</ui:define>
						<h:inputText id="cpf" required="false" requiredMessage="O campo 'E-mail' é obrigatório" styleClass="campo_full cpf" value="#{alfabetizadorHome.instance.cpf}" validator="CPFValidator" converter="conversorCPF"/>													
						
					</s:decorate></li>	
					
					<li><s:decorate template="/layout/edit.xhtml" id="decoEndereco">
						<ui:define name="label">
							Endereço
						</ui:define>
						<h:inputText id="endereco" required="false" requiredMessage="O campo 'Endereço' é obrigatório" styleClass="campo_full" value="#{alfabetizadorHome.instance.endereco}" />													
						
					</s:decorate></li>		
													
										
					<li><s:decorate template="/layout/edit.xhtml" id="decoBairro">
						<ui:define name="label">
							Bairro
						</ui:define>
						<h:inputText id="bairro" required="false" requiredMessage="O campo 'Bairro' é obrigatório" styleClass="campo_full" value="#{alfabetizadorHome.instance.bairro}" />													
						
					</s:decorate></li>		
										
					<li><s:decorate template="/layout/edit.xhtml" id="decoCep">
						<ui:define name="label">
							CEP
						</ui:define>
						<h:inputText id="cep" required="false" requiredMessage="O campo 'CEP' é obrigatório" styleClass="campo_full cep" value="#{alfabetizadorHome.instance.cep}" converter="conversorCEP" />													
						
					</s:decorate></li>	
					
										
					<li><s:decorate template="/layout/edit.xhtml" id="decoCidade">
						<ui:define name="label">
							Cidade
						</ui:define>
						<h:selectOneMenu
										requiredMessage="O campo 'Cidade' é obrigatório."
										required="true"
										id="cidade" styleClass="Combo"
										value="#{alfabetizadorHome.instance.cidade}">
										<s:selectItems value="#{factories.cidades}" var="cidade"
											label="#{cidade.nome}" noSelectionLabel="Selecione" />
										<s:convertEntity />
									</h:selectOneMenu>
						
					</s:decorate></li>
					
					<li class=""><s:decorate template="/layout/edit.xhtml" id="decoSexo">
						<ui:define name="label">
							Sexo
						</ui:define>
						
						<h:selectOneRadio layout="pageDirection" id="sexo" value="#{alfabetizadorHome.instance.sexo}" required="true" requiredMessage="O campo 'Sexo' é obrigatório">
							<s:selectItems value="#{factories.sexos}" var="sexo"
											label="#{sexo.nome}"  />
										<s:convertEnum />
						</h:selectOneRadio>						
						
					</s:decorate></li>												
							
						
							
							
					<li><s:decorate template="/layout/edit.xhtml" id="decoSituacaoOcupacional">
						<ui:define name="label">
							Situação Ocupacional
						</ui:define>
						<h:selectOneMenu
										requiredMessage="O campo 'Situação Ocupacional' é obrigatório."
										required="true"
										id="situacaoOcupacional" styleClass="Combo"
										value="#{alfabetizadorHome.instance.situacaoOcupacional}">
										<s:selectItems value="#{factories.situacoesOcupacionais}" var="situacao"
											label="#{situacao.nome}" noSelectionLabel="Selecione" />
										<s:convertEnum />
									</h:selectOneMenu>
						
					</s:decorate></li>
					
						<li><s:decorate template="/layout/edit.xhtml" id="decoEscolaridade">
						<ui:define name="label">
							Escolaridade
						</ui:define>
						<h:selectOneMenu
										requiredMessage="O campo 'Escolariade' é obrigatório."
										required="true"
										id="escolariade" styleClass="Combo"
										value="#{alfabetizadorHome.instance.escolaridade}">
										<s:selectItems value="#{factories.escolaridades}" var="escolaridade"
											label="#{escolaridade.nome}" noSelectionLabel="Selecione" />
										<s:convertEnum />
									</h:selectOneMenu>
						
					</s:decorate></li>
							
						<li>
								<fieldset>
									<legend>
										<h:outputText value="Dados Bancários" />
									</legend>
								</fieldset>
							</li>
							
					<li><s:decorate template="/layout/edit.xhtml" id="decoNomeBanco">
						<ui:define name="label">
							Nome do Banco
						</ui:define>
						<h:inputText id="nomeBanco" required="false" requiredMessage="O campo 'Nome do Banco' é obrigatório" styleClass="campo_full" value="#{alfabetizadorHome.instance.banco}" />													
						
					</s:decorate></li>	
					<li><s:decorate template="/layout/edit.xhtml" id="decoAgencia">
						<ui:define name="label">
							Agência
						</ui:define>
						<h:inputText id="agencia" required="false" requiredMessage="O campo 'Agência' é obrigatório" styleClass="campo_full" value="#{alfabetizadorHome.instance.agencia}" />													
						
					</s:decorate></li>
					
					<li><s:decorate template="/layout/edit.xhtml" id="decoConta">
						<ui:define name="label">
							Conta Corrente
						</ui:define>
						<h:inputText id="conta" required="false" requiredMessage="O campo 'Conta Corrente' é obrigatório" styleClass="campo_full" value="#{alfabetizadorHome.instance.contaCorrente}" />													
						
					</s:decorate></li>		

						</ol>

						<fieldset>
							<h:messages globalOnly="false" styleClass="tool_alerta" />
						</fieldset>

						<a4j:commandLink styleClass="btn" action="#{alfabetizadorHome.salvar}" value="Salvar" reRender="pnlForm" oncomplete="mascarar()"/>

					</s:validateAll>
				</a:form>
			</a:outputPanel>
		</div>
	</ui:define>

</ui:composition>
